<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <iframe src="http://www.baidu.com" frameborder="0"></iframe>
  <iframe src="http://www.tianmao.com" frameborder="0"></iframe>
  <script>
    // alert() prompt() confirm() 
    // setIterval() clearInterval()  setTimeout() clearTimeout() 

    // window对象与全局作用域 window(窗口)
    //全局变量 全局对象 全局函数 都会存放到window属性下
    //管理DOM的doument对象 也属于window       window.document.getElementById("") 

    // window属性 window.length 当前页面的子窗口数
    console.log(window.length)
    // window.innerHeight - 浏览器窗口的内高度（以像素计）
    // window.innerWidth - 浏览器窗口的内宽度（以像素计）
    // 浏览器窗口（浏览器视口）不包括工具栏和滚动条。
    console.log(window.innerWidth)
    console.log(window.innerHeight)
    /**
         * 获取浏览器窗口的宽度和高度，包含工具条和滚动条
         */
    var outerW = window.outerWidth;
    var outerH = window.outerHeight;
    console.log(outerW)
    console.log(outerH)
    //
    /**获取滚动距离
     * pageXOffset:设置或返回当前页面相对于窗口显示区左上角的 X 位置。
     * pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
     */
    // console.log(window.pageXOffset)
    // console.log(window.pageYOffset)


  </script>
</body>

</html>